.container {
    padding-bottom: 115rpx;
}

.hydl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hydl view {
    margin-top: 20rpx;
    font-size: 30rpx;
}

.hydlbd {
    width: 60%;
    left: 50%;
    top: 35%;
    position: fixed;
    transform: translate(-50%, 0);
    background: #fff;
    border-radius: 10px;
    z-index: 999;
    padding: 50rpx;
}

.hydlqueren {
    position: relative;
    height: 75rpx;
    width: 60%;
    font-size: 30rpx;
    line-height: 75rpx;
    text-align: center;
    color: white;
    background: #09bb07;
    border-radius: 10rpx;
    margin-top: 30rpx;
}

button:active {
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.6;
}

.hydlzhezhao {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
}

page {
    background-color: #f5f5f5;
}

.qd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 28rpx;
}

.qd image {
    width: 60rpx;
    height: 60rpx;
    margin-bottom: 20rpx;
}

.logs_header {
    padding: 30rpx;
    background-color: #34aaff;
    display: flex;
    color: white;
    justify-content: space-between;
    align-items: center;
}

.logs_imgs {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50%;
}

.huanggimg {
    position: absolute;
    width: 30rpx;
    height: 30rpx;
    bottom: 10rpx;
    left: 70rpx;
}

.logs_img {
    display: flex;
    align-items: center;
    position: relative;
}

.blackjt {
    width: 30rpx;
    height: 30rpx;
}

.logs_name {
    margin-left: 30rpx;
}

.logs_name1 {
    font-size: 35rpx;
}

.logs_user {
    display: flex;
    margin-top: 15rpx;
}

.logs_tubiao {
    width: 20rpx;
    height: 30rpx;
    border-radius: 6rpx;
    margin-right: 10rpx;
}

.logs_tel {
    font-size: 24rpx;
}

.logs_imgright {
    width: 20rpx;
    height: 30rpx;
}

.logs_content {
    width: 100%;
    background-color: white;
    display: flex;
}

button {
    border-radius: 0rpx;
}

button::after {
    border-radius: 0rpx;
}

.content_left {
    width: 33.33%;
    height: 120rpx;
    border-right: 1rpx solid #d5d5d5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content_left1 {
    color: #ff9900;
}

.content_integral {
    font-size: 24rpx;
}

.content_font {
    font-size: 42rpx;
}

.content_coll {
    font-size: 22rpx;
}

.content_middle {
    color: #ff5f3e;
}

.content_right {
    color: #6ac20b;
}

.logs_order {
    margin: 20rpx 0rpx;
    background-color: white;
    font-size: 30rpx;
    color: #333;
    padding: 0rpx 30rpx;
    border-top: 1rpx solid #eeeeee;
    border-bottom: 1rpx solid #eeeeee;
}

.logs_center {
    height: 89rpx;
    border-bottom: 1rpx solid #eeeeee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.center_img {
    width: 30rpx;
    height: 30rpx;
}

.center_map {
    width: 40rpx;
    height: 40rpx;
    margin-right: 25rpx;
}

.logs_centerimg {
    display: flex;
    align-items: center;
}

.logs_seller {
    margin: 20rpx 0rpx;
    background-color: white;
    font-size: 28rpx;
    color: #333;
    padding: 0rpx 30rpx;
    border-top: 1rpx solid #eeeeee;
    border-bottom: 1rpx solid #eeeeee;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80rpx;
}

.footer_img {
    width: 50rpx;
    height: 50rpx;
}

.footer_text1 {
    font-size: 36rpx;
    color: #999;
    margin-left: 10rpx;
}

.hykimg {
    margin-top: 30rpx;
    width: 100%;
    height: 150rpx;
}

.hykimg image {
    width: 100%;
    height: 100%;
}

.banner {
    margin-top: 20rpx;
    width: 100%;
    height: 200rpx;
}

.swiper-container .swiper {
    height: 200rpx;
}

.cjhy {
    margin-left: 20rpx;
    font-size: 20rpx;
    background: #2d2c31;
    color: #fde89c;
    padding: 0rpx 10rpx;
    border-radius: 5rpx;
}

.cjhy image {
    margin-right: 10rpx;
    width: 25rpx;
    height: 25rpx;
}

.sq_screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #000;
    opacity: 0.7;
    overflow: hidden;
}

.sq_box {
    width: 80vw;
    overflow: hidden;
    position: fixed;
    top: 15%;
    left: 0;
    z-index: 1001;
    background: #fafafa;
    margin: 0 10vw 0 10vw;
    border-radius: 30rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sq_box image {
    margin: 40rpx 0 40rpx 40rpx;
    width: 430rpx;
    height: 364rpx;
}

.sq_title {
    padding: 40rpx;
    font: 30rpx 'microsoft yahei';
    font-weight: bold;
    text-align: center;
    color: #333;
}

.sq_title1 {
    padding: 0 20rpx;
    font: 27rpx 'microsoft yahei';
    text-align: center;
    color: #666;
}

.sq_content {
    height: 210px;
    overflow-y: scroll;
}

.btn_ok {
    padding: 25rpx;
    font: 30rpx 'microsoft yahei';
    text-align: center;
    margin: 5rpx 0 40rpx;
    background: #f44444;
    width: 55vw;
    border-radius: 50rpx;
    color: #fff;
}
